@charset "utf-8";

/**

深圳市国人伟业信息技术有限公司

http://www.grwy.cn/

**/

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}

fieldset,img{border:0;}

img{vertical-align:middle;}

ol,ul,li{list-style-type:none;text-align:justify;text-justify:inter-ideograph;}

table{border-collapse:collapse;border-spacing:0;}

button,input,select,textarea{font-size:12px;font-family:inherit;margin:0;outline:none;resize:none;border:none;}

.clearfix:after {clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }

.clearfix { zoom:1; }

html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}

body{color:#565656;font-size:14px;line-height:24px;font-family:"Microsoft YaHei","SimSun", Arial, Helvetica, sans-serif;}

a{color:#565656;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());transition:all ease 0.3s;}

a:hover{color:#ff9600;text-decoration:none;}:focus{outline:none;}



/* CSS活动的公共样式 */

.fl{float:left;}

.fr{float:right;}

.w1200{width:1200px; margin:0 auto;}

.mb10{margin-bottom:10px;}

.mb15{margin-bottom:15px;}

.mb25{margin-bottom:25px;}

.center{text-align:center;}

.hide{overflow:hidden;}

.erp{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}





/* 头部  */
.header{height:110px;position:relative;z-index:10;padding-top:12px}
.header .w1200{position:relative;}
.nav{font-size:16px;padding-right:40px;max-width:1000px;/*! padding-top:40px; */height: 122px;margin-top: -12px;}
.nav .m{float:left;text-align:center;position:relative;z-index:2;height:100%;width: 105px;}
.nav .m>a{color:#333;position:relative;z-index:2;padding:0 5px;display:block;height:100%;line-height: 110px;}
.nav .m>a:hover,.nav li .cur{ color:#fff;background:#ff9600}
/*.nav .m>a:after{content:"";position:absolute;left:0;bottom:0px;width:0;height:3px;background:#ff9600;transition:all 0.3s;}
.nav .m>a:before{content:"";position:absolute;left:50%;bottom:3px;border:8px solid transparent;margin-left:-8px;border-bottom-color:#ff9600;opacity:0;transition:all .3s;}
.nav .m>a:hover,.nav .m .cur,.nav li.on>a{color:#ff9600;}*/
.nav li .cur:after,.nav .m>a:hover:after,.nav li.on>a:after{width:100%;}
.nav li .cur:before,.nav .m>a:hover:before,.nav li.on>a:before{opacity:1;}
.nav .navSub{position:absolute;top:122px;width:100%;display:none;left:0px;background:#f3f3f3;}
.nav .navSub li{float:none;height:34px;line-height:34px;border-bottom:1px solid #ddd;background:none;margin-left:0;text-align:center;font-size:12px;text-align:center;}
.nav .navSub a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;color:#333;display:block;border-radius:0;}
.nav .navSub a:hover{background:#ff5f00;color:#fff;}


/* 搜索  */

.searIcon{display:block;background:url('../images/sIcon.png') no-repeat right 0px;height:20px;cursor:pointer;width:20px;position:absolute;right:0;top:32px;}

.search{position:absolute;top:122px;background:#fff;background:rgba(0,0,0,.5);height:80px;width:100%;display:none;line-height:40px;}

.search form{width:720px;margin:0 auto;margin-top:15px;background:#fff;height:40px;}

.searSelect{float:left;width:49px;color:#333;padding-left:10px;position:relative;font-size:12px;cursor:pointer;border-right:1px solid #ddd;}

.searSelect span{position:relative;display:block;}

.searSelect span:after{content:"";position:absolute;right:8px;top:18px;border:4px solid transparent;border-top-color:#333;}

.searSelect ul{position:absolute;top:40px;left:0;background:#fff;text-align:center;width:55px;display:none;}

.searSelect ul li{padding-left:10px;line-height:25px;border-top:1px solid #f5f5f5;}

.searSelect ul li:hover{background:#f1f1f1;}

.search .txt,.proSear .txt{width:590px;float:left;height:40px;line-height:40px;color:#666;padding:0 10px;}

.search .btn,.proSear .btn{float:left;width:50px;height:40px;cursor:pointer;transition:all 0.3s;background:#333 url('../images/searIcon.png') no-repeat center;}

.search .btn:hover,.proSear .btn:hover{opacity:.8;}



/*  广告轮播图 */

.banner{ margin: 0 auto;position:relative; overflow:hidden;height:650px;}

.banner .bd{height:650px; z-index:0;position:relative;left:50%; margin-left:-960px;}

.banner_ctr{ height:90px;position:absolute;top:45%;z-index:2;left:50%;margin-left:-600px;}

.banner_ctr a{ display:block;width:40px;height:40px; background: url('../images/ctrl.png') no-repeat 0 0; position:absolute; opacity:0;filter: alpha(opacity=0);display:block;}

.banner_ctr a.prev{left:-90px;}

.banner_ctr a.next{right:-1280px; background-position: -40px 0px;}

.banner_ctr a:hover{opacity:1;filter:alpha(opacity=100);}

.banner .hd,.proL .hd{position:absolute; bottom:20px; text-align: center; z-index:5;left:50%;font-size: 0; line-height: 0;height: 0px; margin-left:-30px;height:14px;}

.banner .hd li,.proL .hd li{z-index:2; cursor:pointer; margin-right:5px; display:inline-block;width:10px; height:10px;*display:inline; zoom:1;border-radius:100%;border:2px solid #fff;position:relative;transition:all 0.3s;}

.banner .hd li:after,.proL .hd li:after{content:"";position:absolute;width:6px;height:6px;background:#fff;top:2px;left:2px;border-radius:100%;}

.banner .hd .on,.proL .hd .on{border:2px solid #ff9600;transform:scale(1.1);}

.banner .hd .on:after,.proL .hd .on:after{background:#ff9600;}



/*  产品中心 */

.product{padding:50px 0;}

.hTitle{font-size:32px;font-weight:normal;color:#000;text-align:center;line-height:36px;text-transform: uppercase;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding-top:8px;width:230px;margin:0 auto;margin-bottom:40px;}

.hTitle strong{color:#ff9600;font-weight:normal;}

.hTitle span{display:block;font-size:20px;color:#888;letter-spacing:2px;font-family:Arial;}



.proL {float:left;width:597px;height:303px;border:1px solid #e0e0e0;margin-left:-1px;margin-top:-1px;transition:all .4s;overflow:hidden;position:relative;}

.proL li{width:597px;height:283px;overflow:hidden;}

.proL li .pImg{float:right;width:295px;height:283px;overflow:hidden;}

.proL li img{width:300px;height:283px;transition:all .5s;overflow:hidden;}

.proL li .txt{padding:30px 10px 0 30px;color:#777;}

.proL li h4{font-size:24px;color:#333;font-weight:normal;margin-bottom:20px;}

.proL li h4 span{display:block;color:#888;font-size:14px;}

.proL li p{height:110px;margin-bottom:10px;overflow:hidden;}

.proL li .more{color:#ef8338;}

.proL li .more:hover{text-decoration: underline;}

.proL .hd li{border:2px solid #ccc;}

.proL .hd li:after{background:#ccc;}



.proR li {float:left;width:298px;border:1px solid #e0e0e0;margin-left:-1px;margin-top:-1px;transition:all .4s;overflow:hidden;position:relative;}

.proR li  .pImg{display:block;width:295px;height:239px;overflow:hidden;padding-top: 20px;}

.proR li img{width:298px;height:213px;transition:all .5s;}

.proR li h4{font-weight:normal;padding:10px 20px;font-size:16px;transition:all .3s;color:#333;text-align:center;}

.proR li h4 span{display:block;color:#888;font-size:14px;transition:all .3s;}

.proR li:hover h4{background-color:#ef8338 ;color:#fff;}

.proR li:hover h4 span{color:#fff;}

.product li:hover img{transform:scale(1.1);}

.product li:hover{box-shadow:0 0 10px #ccc;z-index:2;}



/* 解决方案 */

.solution{padding:50px 0;overflow:hidden;background:#f7f7f7;}

.solutionMain{position:relative;}

.solutionMain .ohbox{overflow:hidden;height:394px;}

.solutionMain .ohbox ul{width:1240px;}

.solution li{width:285px;background:#fff;text-align:center;background:#fff;float:left;position:relative;overflow:hidden;margin-right:20px;}

.solution li h4{text-align:center;font-size:18px;color:#333;padding:10px;font-weight:bold;}

.solution li h4 i{width:40px;height:38px;display:inline-block;transition:all .3s;background-repeat: no-repeat;}

.solution li h4 span{display:block;}

.solution li .pImg{display:block;width:285px;height:310px;overflow:hidden;}

.solution li img{width:285px;height:310px;transition:all .5s;}

.solution li p{height:54px;line-height:54px;background:#f08338;padding-left:20px;color:#fff;position:absolute;bottom:-55px;left:20px;right:20px;z-index:5;text-align:left;transition:all .4s;}

.solution li p span{background: url('../images/sArr.png') no-repeat left center;padding-left:20px;}

.solution li p i{float:right;border-left:1px solid #f2a672;background: url('../images/s_more.png') no-repeat center;width:54px;height:54px;transition:all .6s;}

.solution li:hover img{transform:scale(1.1);}

.solution li:hover h4 i{transform:rotate(360deg);}

.solution li:hover p{bottom:0;}

.solution .pageBtn span{position:absolute;cursor:pointer;left:-60px;top:180px;font-size:0;line-height:0;background: url('../images/sBtn.png') no-repeat ;width:37px;height:37px;}

.solution .pageBtn .next{left:auto;right:-60px;background-position: -37px 0;}

.solution .pageBtn span:hover{background-position: -74px 0;}

.solution .pageBtn .next:hover{background-position: -111px 0;}



/* 合作伙伴 */

.partner{padding:50px 0;overflow:hidden;}

.partner .hTitle span,.odds .hTitle span{letter-spacing:0;}

.partner .pic{width:600px;height:346px;overflow:hidden;}

.partner .pic img{width:600px;height:346px;animation:scale 15s linear infinite normal;}

.partnerMain{width:600px;overflow:hidden;padding-top:1px;}

.partner li{float:left;width:199px;height:114px;overflow:hidden;position:relative;border:1px solid #ddd;margin-top:-1px;margin-left:-1px;}

.partner li img{width:199px;height:114px;position:absolute;z-index:2;transform:rotateY(0deg);transition:all 0.5s ease 0s;backface-visibility:hidden;}

.partner li span{position:absolute;width:199px;height:114px;background:#ef8338;line-height:114px;text-align:center;transform:rotateY(-180deg);transition:all 0.5s ease 0s;backface-visibility:hidden;color:#fff;padding:0 5px;}

.partner li:hover img{transform:rotateY(180deg);}

.partner li:hover span{transform:rotateY(0deg);}

@keyframes scale

{

    0%   {transform:scale(1,1);}

    50%{transform:scale(1.1,1.1);}

    100%{transform:scale(1,1);}

}



/* 优势 */

.odds{background:#2c63b3;padding:50px 0;overflow:hidden;}

.odds .hTitle,.odds .hTitle span,.odds .hTitle strong{color:#fff;}

.odds .hTitle span{opacity:.7;}

.odds .menu{float:left;width:275px;}

.odds .menu li{height:85px;background: url('../images/odds_line.jpg') repeat-x;padding-left:85px;padding-top:30px;color:#333;cursor:pointer;margin-bottom:3px;transition:all 0.3s;position:relative;}

.odds .menu li:after{content:"";position: absolute;border:8px solid transparent;right:-16px;top:50%;margin-top:-8px;transition:all 0.3s;}

.odds .menu li h4{font-size:26px;font-weight:normal;line-height:30px;}

.odds .menu li span{display:block;font-size:16px;color:#666;}

.odds .menu li i{float:left;width:46px;height:50px;background: url('../images/odds1.png') no-repeat;margin-left:-60px;transition:all .3s;}

.odds .menu li.on i{background-position: 0 -50px;}

.odds .menu li.on h4,.odds .menu li.on h4 span{color:#fff;}

.odds .menu li.on{background: url('../images/odds_line2.jpg') repeat-x;}

.odds .menu li.on:after{border-left-color:#d9691d;}

.odds .main,.odds .main li{width:915px;height:470px;overflow:hidden;}

.odds .main img{width:915px;height:470px;transition:all .5s;animation:scale 18s linear infinite normal;}



/*  新闻 */

.news{padding:50px 0 60px 0;overflow:hidden;}

.newsL{width:510px;overflow:hidden;height:410px;}

.newsL .nImg{width:510px;height:235px;overflow:hidden;display:block;}

.newsL img{width:510px;height:235px;transition:all 0.5s;}

.newsL .txt{background:#f7f7f7;padding:25px 30px;overflow:hidden;color:#888;font-size:14px;}

.newsL .txt h4{font-size:16px;font-weight:normal;height:35px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.newsL .txt h4 a{color:#333;}

.newsL .txt h4 a:hover{color:#f17f31;}

.newsL .txt p{height:60px;overflow:hidden;margin-bottom:5px;}

.newsL:hover img{transform:scale(1.1);}



.newsR{width:630px;overflow:hidden;}

.nTie{height:60px;line-height:60px;font-size:18px;font-weight:normal;background:#ececec}

.nTie .m{width:120px;display:inline-block;text-align:center;color:#333;float: left;background: url('../images/n_tie.jpg') no-repeat -130px center;}

.nTie .m.on{color:#fff;background-position:0 0;}

.nTie .more{float:right;text-transform: uppercase;font-size:14px;margin-right:20px;}

.newsMain{border:1px solid #dfdfdf;padding:15px 24px;}

.newsMain,.newsBox{height:315px;overflow:hidden;}

.newsMain li{height:50px;line-height:50px;border-bottom:1px solid #eee;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.newsMain li a{background: url('../images/ly_li.png') no-repeat left center;padding-left:10px;;}

.newsMain li span{float:right;margin-left:25px;color:#999;}

.newsMain li a:hover{background: url('../images/ly_li.png') no-repeat 8px center;padding-left:18px;}



/* 底部 */

.footer{background:#272727;color:#cbc8c8; background: url('../images/foot_bg.jpg') no-repeat;}

.footMain{line-height:28px;padding:50px 0;overflow:hidden;}

.footLeft{width:630px;overflow:hidden;}

.footLeft ul{float:left;width:200px;}

.footLeft ul h3,.footContact h3{font-size:18px;color:#fff;height:40px;}

.footContact{width:430px;}

.footContact .tel{padding-left:15px;margin-bottom:10px;border-left:1px solid #828285;font-weight:normal;}

.footContact .tel span{display:block;font-size:26px;line-height:26px;color:#ff700c;font-weight:bold;}

.footWx{width:140px;text-align:center;}

.footWx span{height:28px;line-height:28px;border:1px solid #8c8c8d;display:block;}

.copyright{padding:15px 0;font-size:12px;color:#cbc8c8;border-top:1px solid #5e6161;}

.firendLink{width:145px;border:1px solid #686868;height:28px;line-height:28px;position:relative;margin-left:20px;z-index:6;}

.firendLink span{display:block;padding:0 10px;cursor:pointer;}

.firendLink .main{bottom:28px;background:#3a3a3a;border:1px solid #686868;padding:0 10px;left:-1px;right:-1px;}

.firendLink .main a:last-child{border-bottom:none;}

.firendLink a{display:block;border-bottom:1px solid #555;}

.footer a{color:#cbc8c8;}

.footer a:hover{color:#fff;}

.firendLink1 a{    padding-left: 11px;padding-right: 11px;}

/* 内页公用 */

.listBanner,.pageBan{ width:1920px; position: relative; left:50%; margin-left:-960px; height:400px;overflow:hidden;}
.listBanner img{width:1920px;height:400px;}
.listWrapper{padding:50px 0;overflow:hidden;}

.listLeft{width:260px; float: left;overflow: hidden;}

.listRight{width:900px; float: right; overflow: hidden;text-align:justify;text-justify:inter-ideograph;}

.breadCrumb{height:60px;line-height:60px;background:#f5f5f5;border-bottom:1px solid #e9e9e9;}

.breadCrumb p{background:url('../images/home_icon.png') no-repeat left center; padding-left:20px;font-size:14px;}

.breadCrumb p{width:1180px;}

.breadCrumb p span{ margin:0 8px;}

.breadCrumb .back{float:right;background: url('../images/back.png') no-repeat left center;padding-left:20px;}

.proSear{margin-bottom:60px;}

.proSear form{width:725px;margin:0 auto;margin-top:15px;background:#fff;height:50px;line-height:50px;background:#f1f1f1}

.proSear .searSelect{border-right:1px solid #ccc;}

.proSear .txt{width:590px;float:left;height:50px; line-height:40px;color:#666;padding:0 10px;background:#f1f1f1;}

.proSear .btn{float:left;width:50px;height:50px; cursor:pointer;transition:all 0.3s;background:#333 url('../images/searIcon.png') no-repeat center;border-left:1px solid #666;}

.proSear .btn:hover{opacity:.8;}

.proSear .searSelect span:after{top:25px;}



/* 内页菜单 */

.breadCrumb,.listMenu{height:60px;line-height:60px;background:#f5f5f5;border-bottom:1px solid #e9e9e9;}

.listMenu .menu a{float:left;font-size:16px;color:#333;position:relative;margin-right:35px;}

.listMenu .menu a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;transition:all 0.4s;background:#ff9600;}

.listMenu .menu a.cur,.listMenu .menu a:hover{color:#ff9600;}

.listMenu .menu a.cur:after,.listMenu .menu a:hover:after{width:100%;}



/* 内页左侧菜单 */

.sidebar{margin-bottom:20px;}

.side_title{background:#ff9600;height:80px;color:#fff;font-size:22px;font-weight:normal;line-height:80px;padding-left:30px;}

.sidebarMenu{background:#fff;border:1px solid #d9d9d9;border-top:none;}

.sidebarMenu li{font-size:16px;position: relative;}
.sidebarMenu li span{display: block;position: absolute;top: 0px;right: 0px;height: 70px;width: 40px; background: url('../images/side_li.png') no-repeat center center;}
.sidebarMenu li a{height:70px;line-height:70px;border-bottom:1px solid #d9d9d9;padding-left:30px;display:block; color:#191919; background: url('../images/side_li.png') no-repeat 230px center;position:relative;}
.sidebarMenu>li>a:after{content:"";position:absolute;left:-1px;top:0;height:0;width:3px;background:#ff9600;transition:all 0.3s;}
.sidebarMenu .arr_d>span{background: url('../images/side_down.png') no-repeat center center;}
.sidebarMenu .arr_d>a{background: url('../images/side_down.png') no-repeat 230px center;}
.sidebarMenu .pro_arr_d>a{background: none;}
.sidebarMenu li span:hover{background:#ededed url('../images/side_lih.png') no-repeat center center;}
.sidebarMenu li .cur,.sidebarMenu li a:hover{background:#ededed url('../images/side_lih.png') no-repeat 230px center;color:#ff9600;}
.sidebarMenu pro_arr_d .cur,.sidebarMenu pro_arr_d a:hover{background:none;color:#ff9600;}
.sidebarMenu .arr_d>.cur,.sidebarMenu .arr_d>a:hover{background-image: url('../images/side_down2.png');}
.sidebarMenu .pro_arr_d>.cur,.sidebarMenu .pro_arr_d>a:hover{background-image: none;}
.sidebarMenu .arr_d>.on,.sidebarMenu .arr_d>span:hover{background-image: url('../images/side_down2.png');}
.sidebarMenu li .cur:after,.sidebarMenu li a:hover:after{height:100%;}

.sidebarMenu>li:last-child a{border-bottom:none;}

.sidebarMenu li ul{font-size:14px;background:#f8f8f8;}

.sidebarMenu ul li {background:none;padding-top:0;}

.sidebarMenu li ul a{background: url('../images/ly_li.png') no-repeat 40px center;padding-left:50px;color:#666;height:40px;line-height:40px;font-size:13px;}

.sidebarMenu li ul .cur,.sidebarMenu li ul a:hover{background: url('../images/ly_li.png') no-repeat 40px center;color:#ff9600; }

.leftNews{border:1px solid #d9d9d9;border-top:1px solid #ff9600;}

.leftNews li:last-child{margin-bottom:0;}

.listLeft .title{height:60px;line-height:60px;padding-left:25px;font-size:16px;font-weight:normal;color:#ff9600;border-bottom:1px solid #d9d9d9;}

.listLeft .main{padding:25px;font-size:14px;overflow:hidden;}

.leftNews li{margin-bottom:15px;}

.leftContact{border:1px solid #d9d9d9;margin-top:30px;border-top:1px solid #ff9600;}

.leftContact .main p{margin-bottom:5px;}
.NavBox{border:1px solid #d9d9d9;border-top:1px solid #ff9600;margin: 0 0 20px 0;}
.NavBox ul li{padding:6px 0; border-bottom:1px #ccc dashed;}
.NavBox ul li:last-child{ border-bottom:0px;}



/*  产品列表 */

.proIndex{overflow:hidden;margin-bottom:30px;}

.proList ul,.caseList ul,.settingList  ul,.honorList ul,.partnerList ul,.videoList{width:940px;}

.proList li{float:left;width:290px;margin:0 15px 20px 0;}

.proList li .pImg{display:block;width:288px;height:215px;overflow:hidden;border:1px solid #e5e5e5;position:relative;}

.proList li img{width:288px;height:215px;transition:all 0.5s;}

.proList li h5{font-weight:normal;text-align:center;height:40px;line-height:45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;}

.proList li .pImg:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255, 95, 0, 0.6);transition:all 0.25s;transform:perspective(400px) rotateX(-90deg);
-moz-transform:perspective(400px) rotateX(-90deg);
-ms-transform:perspective(400px) rotateX(-90deg);-webkit-transform:perspective(400px) rotateX(-90deg);-o-transform:perspective(400px) rotateX(-90deg);transform-origin:top;z-index:2;}

.proList li .pImg:after{content:"";position:absolute;width:54px;height:54px;background: url('../images/pmore2.png') no-repeat;left:50%;top:50%;margin-left:-27px;opacity:0;transition:all 0.25s;z-index:3;}

.proList li:hover img{transform:scale(1.1);}

.proList li:hover .pImg:before{transform:perspective(200px) rotateX(0);}

.proList li:hover .pImg:after{transition-delay:.1s;margin-top:-27px;opacity:1;}

.searList ul{width:1240px;}

.searList li{margin-right:12px;}



/* 左侧图片放大镜样式 */

.rec-title{padding-left:20px;height:35px;line-height:35px;background:url('../images/page_line.jpg') no-repeat 10px 10px #e8e8e8;font-size:14px;font-weight:bold;color:#333;}

.product-show-pic{width:450px;height:460px;}

.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}

.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:310px;background:#fff;border:1px solid #CCC;display:none;text-align:center;overflow:hidden;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}



/* 图片小图样式 */

.spec-preview{width:450px;height:360px;border:1px solid #ccc;display: table-cell;vertical-align: middle;}

.spec-scroll{margin-top:10px;width:450px;height:75px;overflow:hidden;position:relative;}

.spec-scroll a.prev{display:block;width:12px;height:21px;position:absolute;top:25px;left:0;background:url('../images/listpro_btn.png') no-repeat 0 0px;overflow:hidden;cursor:pointer;transition:all 0s;}

.spec-scroll a.prev:hover{background-position:0 -21px;}

.spec-scroll a.next{display:block;width:12px;height:21px;position:absolute;top:25px;right:0;background:url('../images/listpro_btn.png') no-repeat 0 -42px;overflow:hidden;cursor:pointer;transition:all 0s;}

.spec-scroll a.next:hover{background-position:0 -63px;}

.spec-scroll .items{position:relative;width:400px;height:75px;margin:0 auto;overflow:hidden;}

.spec-scroll .items ul{position:absolute;width:360px;height:75px;}

.spec-scroll .items ul li{width:104px;height:75px;float:left;}

.spec-scroll .items ul li img{width:95px;height:73px;cursor:pointer;border:1px solid #ccc;}

.spec-scroll .items ul li img:hover,.spec-scroll .items ul .on img{border:1px solid #ff9600;}



/* 产品简介 */

.proshow_synopsis{width:400px;color: #aaa;font-size: 14px;line-height: 30px; height:460px;border-radius:3px;}

.proshow_synopsis .title{font-size:20px; color:#333;border-bottom:1px dotted #dbdbdb;margin-bottom:15px;padding-bottom:10px;}

.proshow_synopsis .title span{display:block;color:#888;font-size:14px;font-weight:normal;}

.proshow_synopsis .font{overflow: hidden;height:240px;margin-bottom:20px;}

.proshow_synopsis .font strong{font-size:16px;color:#333;display:block;}

.proshow_synopsis .tel{height:50px;line-height:50px;background:#333;margin-bottom:15px;font-size:16px;color:#fff;padding-left:20px;}

.proshow_synopsis .tel span{font-size:22px;}

.proshow_synopsis .tel  a{float:right;width:90px;height:50px;background:#ff9600;text-align:center;color:#fff;}

.proshow_synopsis .tel  a:hover{background:#b60013;}

.proshow_synopsis .p1{background:#f5f5f5;height:40px;line-height:40px;border:1px solid #d2d2d2;text-align: center;font-size:16px;color:#555;}

.proShow_main{margin:40px 0 30px 0;}

.relatedTitle{margin-bottom:15px;}



/* 采购表单样式 */

.orderBox{padding:25px;width:850px;background:#eee;overflow:hidden;}

.orderBox h3{font-size:15px;line-height:18px;font-weight:normal;font-family:"微软雅黑";}

.orderBox .table{padding-top:20px;overflow:hidden;}

.orderBox .table li{width:410px;height:215px;float:left;height:35px;margin-bottom:10px;}

.orderBox .table li span{float:left;border:1px solid #ddd;line-height:33px;height:33px;width:78px;display:inline-block;text-align:center;background:#fff;}

.orderBox .table li .iptTxt{float:right;width:319px;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#666;padding-left:10px;}

.orderBox .table li .iptCode{float:left;width:239px;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#666;padding-left:10px;}

.orderBox .table li .checkcode{float:right;border:1px solid #ddd;border-left-width:0;background:#fff;padding:5px 9px 6px 10px;}

.orderBox .table li .btn{width:410px;height:35px;line-height:35px;background:#333;cursor:pointer;font-size:14px;color:#fff;text-align:center;border:none;}

.orderBox .table li .btn:hover{background:#ff9600;color:#fff;}

.orderBox .table li.areLi{width:400px;float:right;height:215px;overflow:hidden;}

.orderBox .table li.areLi .txtContent{width:368px;height:183px;border:1px solid #ddd;outline:none;resize:none;padding:15px;color:#666;line-height:18px;}



/* 相关产品样式 */

.related-product {overflow:hidden;}

.related-product .title,.relatedTitle{background:#e7e7e7;height:45px;line-height:45px;}

.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#ff9600;width:120px;height:45px;text-align:center;font-size:16px;font-weight:bold;}

.related-product ul{ width:950px; margin-top:20px;}

.related-product li{float:left;width:280px;margin-bottom:20px;margin-right:27px;border:1px solid #ddd;background:#eee;text-align:center;}

.related-product li a{display:block;width:280px;}

.related-product li img{width:270px;height:190px;padding:5px;background:#fff;}

.related-product li span{height:35px;line-height:35px;padding:0 5px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display:block;}

.related-product li:hover{border:1px solid #ff9600;}

.related-product li a:hover{background:#ff9600;color:#fff;}

.aboutPro ul{width:1240px;}

.aboutPro{width:1200px}

.aboutPro li{margin-right:35px;}

.aboutPro li,.aboutPro li a{width:210px;}

.aboutPro li img{width:200px;height:228px;}



/* 解决方案 */

.solutionList{/*! padding-left:30px; */}

.solutionList li{background:#f6f6f6;padding:20px;height:260px;margin-bottom:70px;border:2px solid #e5e5e5;padding-right:40px;color:#888;}

.solutionList li .pImg{ width:240px; height:260px; overflow:hidden;/*! margin:-50px 40px 0 -50px; */margin-right: 30px;}

.solutionList li img{ width:240px; height:260px;transition:all 0.5s;}

.solutionList li h4{ font-size:18px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-weight:normal;margin-bottom:20px;position:relative;padding-bottom:15px;margin-bottom:15px;}

.solutionList li h4 a{color:#333;}

.solutionList li h4 a:hover{color:#f17f31; }

.solutionList li h4:after{content:"";position:absolute;left:0;bottom:0;width:30px;height:1px;background:#999;transition:all 0.3s;}

.solutionList li h4:hover:after{width:60px;background:#ff9600;}

.solutionList li .date{font-size:14px;background: url('../images/date.png') no-repeat left center;padding-left:20px;color:#999;float:right;margin-left:25px;}

.solutionList li p{ height: 100px; overflow: hidden;}

.solutionList li p a{color:#ff9600;}

.solutionList li p a:hover{text-decoration: underline;}

.solutionList li:hover img{transform:scale(1.1);}

.solutionList li:hover{border:2px solid #ffb17b;box-shadow:0 0 10px #ffb17b;}

.solutionList li .more{display:inline-block;width:120px;height:35px;line-height:35px;background:#ff9600;color:#fff;text-align:center;margin-top:15px;}

.solutionList li .more:hover{background:#d87f00;width:160px;}



.picShow .tie{font-size:1.429em;color:#333;margin-bottom:15px;}

.picShow .top{overflow:hidden;padding-bottom:15px;margin-bottom:30px;border-bottom: 1px dotted #b3b3b3;}

.picShow .top .fr{margin-top:8px;}





/* 荣誉资质 */

.honorList ul li{width:260px;float:left;margin-right:26px;margin-bottom:30px;text-align:center;padding:10px 10px 0 10px;background:#f2f2f2;border-bottom:3px solid #ddd;position:relative;}

.honorList ul li .pImg{display:block;width:245px;height:180px;padding:4px;border:1px solid #e3e3e3;background:#fff;display: table-cell;vertical-align: middle;}

.honorList ul li img{width:245px;vertical-align: middle; height:325px;}

.honorList ul li::before{content: "";position:absolute;height:3px;bottom:-3px;left:0;transition:all 0.5s;width:0;}

.honorList ul li:hover::before{width:100%;background:#ff9600;transition:all 0.5s;}

.honorList ul li p{height:35px;line-height:35px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;}

.lb-data .lb-caption{color:#fff;}

.honorList ul li:hover{background:#eee;box-shadow:0 0 10px #ccc;}



/* 公司坏境 */

.settingList li{width:280px;float:left;margin-right:30px;margin-bottom:25px;text-align:center;background:#f2f2f2;border-bottom:3px solid #ddd;position:relative;}

.settingList li img{display:block;width:270px;height:270px;padding:4px;border:1px solid #e3e3e3;background:#fff;transition:all 0.5s;}

.settingList li::before{content: "";position:absolute;height:3px;bottom:-3px;left:0;transition:all 0.5s;width:0;}

.settingList li:hover::before{width:100%;background:#ff9600;transition:all 0.5s;}

.settingList li span{height:45px;line-height:45px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;padding:0 5px;}

.settingList li:hover img{transform:scale(.95);}



/* 新闻中心 */

.newsList li{height:130px;color:#555; margin-top:15px;padding:15px;background:#f4f4f4;padding:15px;border-bottom:1px solid #ddd;font-size:12px;}

.newsList li img{width:280px;height:130px;margin-right:30px;}

.newsList li h3{font-size:18px;font-weight:normal;}

.newsList li h3 span{float:right;font-size:12px;}

.newsList li h3 a{color:#333;display:inline-block;width:380px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.newsList li h3 a:hover{color:#ff9600;}

.newsList li p{margin-bottom:10px;overflow:hidden;margin-top:15px;}

.newsList li .more{color:#ff9600;}

.newsList li .more:hover{text-decoration:underline;}

.newsList li .browse{display:block;overflow:hidden;color:#888;}



/* 新闻详细样式 */

.articleBox1 .title{text-align:center;font-size:20px;color:#000;margin-bottom:10px;font-weight:normal;}

.articleBox1 .p1{margin-bottom:15px;padding-bottom: 10px; text-align:center;color:#888;}

.detailLeft  .p1,.picShow .p1{border-bottom:1px dotted #adadad;;}

.articleBox1 .p1 span{margin-right:15px;}

.solution .p1{margin-bottom:40px;}

.review{background:#f7f7f7 url(../images/nShow_icon.png) no-repeat left top;padding:15px 15px 10px 15px;border:1px dotted #adadad;border-right:none;border-left:none;text-indent:2em;font-size:14px;color:#333;}

.fontResizer a{padding:0 5px;}

.article_key{background:#f7f7f7 url(../images/nShow_icon2.png) no-repeat 15px 7px;color:#adadad;margin-bottom:20px;padding-left:35px;line-height:28px;}

.fontsizebox{padding-bottom: 40px;border-bottom:1px dotted #adadad;font-size:13px;color:#424242;}

.fontSize a.active{color:#0099e6;}

.detailShare{overflow:hidden;padding:25px 0;border-bottom:1px dotted #adadad;}

.detailShare span{border-left:1px dotted #adadad;padding:0 15px;}

.detailShare span.date{margin-left:15px;}

.detail_fenx{font-size:14px;padding-top:10px;overflow:hidden;margin-bottom:20px;border-bottom:1px dotted #adadad;padding-bottom: 10px}

.detail_fenx div{width:48%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}



.relatedNews_font{font-size:13px;margin-top:15px;}

.relatedNews_font ul{width:950px;}

.relatedNews_font ul li{float:left;padding-right:50px;width:425px;height:40px;line-height:40px;border-bottom:1px dotted #ddd;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.relatedNews_font ul li a{background:url(../images/ly_li.png) no-repeat left center;padding-left:10px;}

.relatedNews_font ul li span{float:right;color:#999;margin-left:30px;}



/* 常见问题 */

.faqList li{position:relative;margin-bottom:25px;}

.faqList li:after{content:''; position:absolute; top:12px; right:16px; display:block; width:30px; height:30px; background:#ff9600;pointer-events:none;}

.faqList li h3:before, .faqList li h3:after{content:''; position:absolute; top:26px; right:23px; z-index:2; width:16px; height:2px; background:#fff;}

.faqList li h3:before{width:2px; height:16px; top:19px; right:30px; -webkit-transition:0.3s; transition:0.3s;}

.faqList li.act h3:before{-webkit-transform:rotate(90deg); transform:rotate(90deg);background:transparent\0;}

.faqList li h3{position:relative; padding:0 60px 0 25px; background-color:#f1f1f1; line-height:54px; font-size:16px; cursor:pointer;font-weight:normal;border:1px solid #e1e1e1;}

.faqList li div{display:none;padding:25px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn 0.5s ease-out 0.2s both; animation:fadeIn 0.5s ease-out 0.2s both;font-size:14px;background:#f5f5f5;}

@-webkit-keyframes fadeIn{

  0%{opacity:0;}

  100%{opacity:1;}

}

@keyframes fadeIn{

  0%{opacity:0;}

  100%{opacity:1;}

}



/* 合作伙伴 */

.partnerList li{float:left;width:200px;margin-right:33px;margin-bottom:25px;}

.partnerList li img{ width:190px; height:110px;background:#e5e5e5; padding: 4px; border: 1px solid #d4d4d4; box-shadow: 1px 1px 0 #fff inset,-1px -1px 0 #fff inset;}

.partnerList li span{ height: 35px; line-height: 35px; display: block; text-align:center; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}





/* 内页留言样式 */

.contactFont{overflow:hidden;margin-bottom:30px;}

#dituContent{height:420px;}

.feedback{margin-top:50px;overflow:hidden;}

.feedback .title{text-align:center;font-size:24px;font-weight:normal;margin-bottom:25px;color:#333;position:relative;}

.feedback .title span{padding:0 25px;background: #fff;position:relative;z-index:2;}

.feedback .title::before{content:"";border-bottom:1px solid #e1e1e1;width:100%;left:0;position:absolute;top:13px;}

#feedback_form label{display:block;float:left;height:32px;line-height:32px;margin-bottom:30px;padding-left:40px;background:url(../images/contact.png) no-repeat;font-size:14px;position:relative;}

.feedback .name:after,.feedback .telephone:after,.feedback .email:after,.feedback .msg_title:after{content: "*";color:#f00;position:absolute;top:0;right:-280px;}

#feedback_form label.name{background-position:0 -32px;}

#feedback_form label.email{background-position:0 -64px;}

#feedback_form label.city{background-position:0 -96px;}

#feedback_form label.msg_title{background-position:0 -128px;}

#feedback_form label.address{background-position:0 -160px;}

#feedback_form label.message{background-position:0 -192px;margin-bottom:10px;}

#feedback_form input{width:243px;height:30px;line-height:30px;float:left;margin:0 28px 30px 0;padding:0 10px;border:1px solid #dbdbdb;}

#feedback_form input.last{margin-right:0;}

#feedback_form .msg{border-top:1px dotted #ccc;padding:30px 0;}

#feedback_form textarea{height:125px;width:1178px;padding:10px;border:1px solid #dbdbdb;display:block;}

#feedback_form .btns{width:120px;height:40px;margin-right:10px; background:#ff9600;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;}

#feedback_form .btns:hover{background:#333;transition:all 0.3s;}

#feedback_form .reset{background:#ccc;cursor:pointer;margin-bottom:0;}

#feedback_form .tableRow{width:100%;height:32px;}

#feedback_form .tableRow input{width:150px;margin-right:10px;color:#999;float:left;}

#feedback_form .tableRow .checkcode{width:50px;height:22px;margin-left:5px;border:1px solid #ccc;padding:4px 5px;display:block;float:left;background:#fff;}

#feedback_form input:focus,#feedback_form textarea:focus{border-color:#666;}